<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>杭州到连云港赣榆区自驾游攻略</title>
    <style>
        body {
            font-family: "Microsoft YaHei", sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
            color: #333;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        header {
            background-color: #0078ff;
            color: white;
            padding: 30px 0;
            text-align: center;
            margin-bottom: 30px;
        }
        h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .subtitle {
            margin-top: 10px;
            font-size: 1.2em;
            opacity: 0.9;
        }
        .card {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .card h2 {
            color: #0078ff;
            margin-top: 0;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }
        .btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #0078ff;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            margin-top: 20px;
            transition: background-color 0.3s;
        }
        .btn:hover {
            background-color: #0056b3;
        }
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        .feature {
            padding: 20px;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .feature h3 {
            color: #0078ff;
            margin-top: 0;
        }
        footer {
            text-align: center;
            padding: 20px;
            margin-top: 40px;
            color: #666;
            font-size: 0.9em;
        }
        .day-list {
            list-style-type: none;
            padding: 0;
        }
        .day-list li {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }
        .day-list li:last-child {
            border-bottom: none;
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <h1>杭州到连云港赣榆区自驾游攻略</h1>
            <div class="subtitle">2025年7月12日-2025年7月20日（9天）</div>
        </div>
    </header>

    <div class="container">
        <div class="card">
            <h2>行程概览</h2>
            <p>这是一条专为您量身定制的自驾路线，从杭州出发到连云港赣榆区，全程约578公里。路线设计考虑了您希望看山看水看海、避开人流密集景点、品尝地方美食的需求，并安排了舒适的节奏，让您在9天的假期中充分享受旅途的乐趣。</p>
            <p><strong>路线：</strong> 杭州 → 宁波 → 嘉兴 → 海宁 → 苏州 → 南通 → 盐城 → 连云港赣榆区 → 杭州</p>
            <a href="杭州到赣榆自驾游路线.html" class="btn">查看交互式地图</a>
        </div>

        <div class="card">
            <h2>详细行程</h2>
            <ul class="day-list">
                <li><strong>第1天（7月12日）：杭州 → 宁波</strong> - 游览四明山国家森林公园</li>
                <li><strong>第2天（7月13日）：宁波 → 嘉兴</strong> - 游览宁波东钱湖</li>
                <li><strong>第3天（7月14日）：嘉兴 → 苏州</strong> - 游览嘉兴南湖、苏州太湖风景区</li>
                <li><strong>第4天（7月15日）：苏州 → 南通</strong> - 游览苏州环太湖自然风光</li>
                <li><strong>第5天（7月16日）：南通 → 盐城</strong> - 游览南通狼山、盐城国家级珍禽自然保护区</li>
                <li><strong>第6天（7月17日）：盐城 → 连云港赣榆区</strong> - 游览盐城东台条子泥湿地公园</li>
                <li><strong>第7天（7月18日）：连云港赣榆区（海景日）</strong> - 游览赣榆金沙滩、海州湾度假区</li>
                <li><strong>第8天（7月19日）：连云港赣榆区（山景日）</strong> - 游览徐福泊船山风景区、和安湖湿地公园</li>
                <li><strong>第9天（7月20日）：连云港赣榆区 → 杭州</strong> - 游览秦山岛旅游景区，返程</li>
            </ul>
        </div>

        <h2>行程亮点</h2>
        <div class="grid">
            <div class="feature">
                <h3>多样自然景观</h3>
                <p>山、河、湖、海全覆盖，让您尽情领略大自然的壮美与多样性。</p>
            </div>
            <div class="feature">
                <h3>避开热门景点</h3>
                <p>精心规划路线，避开人流密集区域，享受宁静的旅行体验。</p>
            </div>
            <div class="feature">
                <h3>特色美食探索</h3>
                <p>品尝各地道地美食，从宁波海鲜到赣榆特色菜，满足味蕾享受。</p>
            </div>
            <div class="feature">
                <h3>舒适节奏</h3>
                <p>每天行程安排合理，不赶路，让您有充分时间体验每个目的地。</p>
            </div>
        </div>

        <div class="card">
            <h2>旅行贴士</h2>
            <ol>
                <li><strong>最佳出行时间</strong>：7月是夏季，温度较高，建议携带防晒用品、遮阳伞等</li>
                <li><strong>避开人流</strong>：选择工作日游览景点，避开周末高峰期</li>
                <li><strong>自驾准备</strong>：确保车辆状况良好，准备应急工具和药品</li>
                <li><strong>饮食安全</strong>：品尝海鲜时注意新鲜度，避免食物中毒</li>
                <li><strong>环保出行</strong>：保护自然环境，不乱扔垃圾，不破坏植被</li>
            </ol>
        </div>
    </div>

    <footer>
        <div class="container">
            <p>© 2025 杭州到连云港赣榆区自驾游攻略 | 使用高德地图API提供地图服务</p>
        </div>
    </footer>
</body>
</html> 